<template>
    <div class="films-box">
        <div class="list-name">
            <span>热门电影</span>
        </div>
        <!-- <div class="content-list"> -->
        <!-- 电影展示组件 start -->
        <!-- <film-item v-for="(film, index) in result" :key="index" :film="film"></film-item> -->
        <film-item class="content-list" :films="result"></film-item>
        <!-- 电影展示组件 end -->
    </div>
</template>
<script src="../datas/films.js"></script>

<script>
    Vue.component("films-page",{
        template:document.currentScript.ownerDocument.querySelector("template"),
        data(){
            return {
                result: films.result
            }
        }
    });
</script>